{% extends "base.html" %}
{% load staticfiles %}
{% block title %} Projects {% endblock %}
{% block menucss %} {% static "css/menu.css" %} {% endblock %}
{% block cssfiles %} {% static "css/jquery-ui-1.10.3.custom.css" %} {% endblock %}
{% block javascripts %}
<script src="{% static "javascripts/jquery-1.9.1.js" %}"></script>
<script src="{% static "javascripts/jquery-ui-1.10.3.custom.js" %}"></script>
<script>
	$(function() {
		$( ".accordion" ).accordion({
			collapsible:true,
			active:false,
			heightStyle:"content"});
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#autocomplete" ).autocomplete({
			source: availableTags
		});
		$( "#button" ).button();
		$( "#radioset" ).buttonset();
		
		$( "#tabs" ).tabs();
		
		$( "#dialog" ).dialog({
			autoOpen: false,
			width: 400,
			buttons: [
				{
					text: "Ok",
					click: function() {
						$( this ).dialog( "close" );
					}
				},
				{
					text: "Cancel",
					click: function() {
						$( this ).dialog( "close" );
					}
				}
			]
		});

		// Link to open the dialog
		$( "#dialog-link" ).click(function( event ) {
			$( "#dialog" ).dialog( "open" );
			event.preventDefault();
		});
		
		$( "#datepicker" ).datepicker({
			inline: true
		});
		
		$( "#slider" ).slider({
			range: true,
			values: [ 17, 67 ]
		});
		
		$( "#progressbar" ).progressbar({
			value: 20
		});
		
		// Hover states on the static widgets
		$( "#dialog-link, #icons li" ).hover(
			function() {
				$( this ).addClass( "ui-state-hover" );
			},
			function() {
				$( this ).removeClass( "ui-state-hover" );
			}
		);
	});
	</script>
{% endblock %}

{% block content %}
<br />

<h2 id="SoftwareEngineer"><b>Software Development</b></h2>
<div class="accordion">
	<h3>Operation System</h3>
	<div>Simulating the basic functionalities of Operation System, including the the process management, 
		memory management, file management, shell commands etc.</div>
	<h3>NoSQL Database</h3>
	<div>Development of a desktop tool to visualize the data in Neo4j (a NoSQL database).</div>
	<h3>Database Overriding</h3>
	<div>Override the database of Stanford "Redbase" from C++ to Java (<a href="https:code.google.com/p/inf380/">Code</a> accessible online)</div>
	<h3>Tweet rank</h3>
	<div>Establish a database to store the tweets published in Twitter and find the most relevant tweets for a given tweet.</div>
</div>
<hr />
<h2 id="WebDevelopment"><b>Web Development</b></h2>
<div class="accordion">
	<h3>Visionneuse des taxonomies</h3>
	<div>Development a website for Banque de France to visualize complex data (<a href="http://www.xbrl.org">XBRL</a>). 
		Accessible online <a href="http://www.banque-france.fr/e-surfi-viewer/WebContent/index.html"><img src="/static/images/clickme.jpg" alt="click me" width="60" height="30"></a></div>
	<h3>Protocols developments</h3>
	<div>Implement of Protocols TFTP in Java and ARQ in language C</div>
	<h3>Social website development</h3>
	<div>Development and performance of the website for the <b>Association amicale Franco Chinoise de ParisTech</b> (AFCP)
		<a href="http://www.afcp-paristech.org/afcp/"><img src="/static/images/clickme.jpg" alt="click me" width="60" height="30"></a></div>
	<h3>Web Search</h3>
	<div>Development of simple web search engineer in Java</div>
	<h3>Online Distributed Service</h3>
	<div>Research on the distributed discovery protocol DDSI in <a href="http://www.prismtech.com">PrismTech</a></div>
</div>
{% endblock %}